<script setup>
import { RouterLink, RouterView } from 'vue-router'
import { lang, locale, changeLang } from '@/i18n'
</script>

<template>
	<!-- <a-radio-group v-model:value="lang" @change="changeLang($event.target.value)">
      <a-radio-button key="en" value="zh-cn">English</a-radio-button>
      <a-radio-button key="cn" value="en-us">中文</a-radio-button>
    </a-radio-group> -->
	<a-config-provider :locale="locale" :lang="lang" :theme="{ token: { colorPrimary: '#615CED' } }">
		<router-view />
			<!-- <router-view v-slot="{ Component, route }">
   <keep-alive>
      <component :is="Component" :key="route.name" v-if="route.meta.keepAlive"></component>
   </keep-alive>
   <component :is="Component" :key="route.name" v-if="!route.meta.keepAlive"></component>
</router-view> -->


			<!-- <RouterView v-slot="{ Component, route }">
				<Transition name="slide" mode="out-in" v-if="!route.meta.noTransition">
					<component :is="Component" class="content_component"></component>
				</Transition>
				<component v-else :is="Component" class="content_component"></component>
			</RouterView> -->

			<!-- 无缓存无动画 -->
			<!-- 缓存无动画 -->
			<!-- 无缓存动画 -->
			<!-- 缓存动画 -->
			<!-- <router-view v-slot="{ Component, route }" >
				<template  v-if="route.meta.keepAlive">
					<keep-alive>
						<component :is="Component" :key="route.fullPath" v-if="route?.meta?.noTransition" />
					</keep-alive>
					<Transition name="slide" mode="out-in" >
						<keep-alive>
							<component :is="Component" :key="route.fullPath" v-if="!route?.meta?.noTransition"></component>
						</keep-alive>
					</Transition>
				</template>
				<template v-else>
					<Transition name="slide" mode="out-in" >
						<component :is="Component" :key="route.fullPath" v-if="!route?.meta?.noTransition"></component>
					</Transition>
					<component :is="Component" :key="route.fullPath"  v-if="route?.meta?.noTransition"/>
				</template>
			</router-view> -->
	</a-config-provider>
	
</template>
<script>
</script>
<style lang="scss" scoped>
.slide-enter-active,
.slide-leave-active {
	transition: opacity .8s, transform .8s;
}
.slide-enter-from,
.slide-leave-to {
	opacity: 0;
	transform: translateX(-30%);
}

</style>
<style>
p {
  margin: 0 !important;
}
</style>
<style lang="scss">

	#app,
	html,
	body {
		height: 100%;
		width: 100%;
		min-width: 1400px;
		min-height: 700px;
		position: relative;
		box-sizing: border-box;
	}

</style>

